<template>
  <div>
    <el-dialog title="预览文章" :visible="previewDialogVisible" width="800px" @close="handelClose">
       <h2>{{previewTitle.title}}</h2>
       <div>
        <span>{{previewTitle.createTime | formatDate}}</span>
        <span>超级管理员</span>
        <span class="el-icon-view"></span>
        <span>{{previewTitle.visits}}</span>
        <div class="container">
         <p>{{previewTitle.title}}</p>
         <div v-html="previewTitle.articleBody"></div>
        </div>
       </div>
    </el-dialog>
   </div>
</template>

<script>
export default {
  name: 'PreviewArticle',
  components: {},
  props: {
    previewDialogVisible: Boolean,
    previewTitle: {
      type: Object,
      required: true
    }
  },
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  methods: {
    handelClose () {
      this.$emit('update:previewDialogVisible', false)
    }
  }
}
</script>

<style scoped>

</style>
